<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8" />
    <title>新闻公告</title>
    <link rel="stylesheet" href="css/yueke.css">
    <script type="text/javascript" src="js/jquery.min.js"></script>
</head>
<body class="background_grey">
    <div class="header">
        <div class="header_in">
            <div class="header_logo">
                <h1></h1>
                <img src="images/index_log.jpg" />
            </div>
            <div class="header_nav">
                <ul>
                    <li><a href="model_news_list.html">前沿资讯</a></li>
                    <li><a href="model_problem_list.html">互动问答</a></li>
                    <li><a href="model_personage_center.html">帮助中心</a></li>
                </ul>
            </div>
            <div class="header_info">
                <div class="header_info_find"><a href="model_person_index.html">寻找合作伙伴</a></div>
                <div class="header_greet">
                    enzo，您好
                </div>
                <div class="header_register display_none">
                    <a href="#">登录</a>|
                    <a href="#">注册</a>
                </div>
                <div class="header_exit">
                    <a href="#">我的项目</a>|
                    <a href="#">退出</a>
                </div>
                <div class="header_become display_none">
                    <a href="#">成为我们的专家</a>
                </div>
            </div>
            <div class="clear_both"></div>
        </div>
    </div>
    <div class="personage_wrap">
        <div class="personage_nav company_nav">
            <div class="personage_nav_title">关于我们</div>
            <ul class="personage_nav_list">
                <li class="item1">
                    <span></span>公司介绍
                </li>
                <li class="item2 active">
                    <span></span>新闻公告
                </li>
                <li class="item3">
                    <span></span>团队介绍
                </li>
            </ul>
            <div class="personage_nav_title">交易指南</div>
            <ul class="personage_nav_list">
                <li class="item4">
                    <span></span>客户说明
                </li>
                <li class="item5">
                    <span></span>极客说明
                </li>
            </ul>
            <div class="personage_nav_title">意见反馈</div>
            <ul class="personage_nav_list">
                <li class="item6">
                    <span></span>联系我们
                </li>
                <li class="item7">
                    <span></span>用户协议
                </li>
                <li class="item8">
                    <span></span>投诉仲裁
                </li>
                <li class="item9">
                    <span></span>意见反馈
                </li>
            </ul>
        </div>
        <div class="personage_main">
            <div class="company_introduce_title">
                <h2>新闻公告</h2>
            </div>
            <div class="personage_main_in">
                <div class="company_notice_detail">
                    <div class="company_notice_item">
                        <div class="company_notice_item_title">
                            百创未来，智驭出行 - 百度无人车LOGO设计征集现邀你来助力！
                        </div>
                        <div class="company_notice_item_time">
                            2016-04-18 12:14
                        </div>
                        <div class="company_notice_item_info">
                            不想再苦苦的去驾校考驾照？不想再把时间都浪费在拥堵的路上？<br />
                            现在，你可以开始尽情想象未来理想的出行方式！因为百度无人车，终将帮你实现！<br />
                            启迪未来的道路上，必须有你的一臂之力！现在，百度无人车邀你来添彩！重金+划时代的荣誉，你绝不能错过！
                        </div>
                    </div>
                    <div class="company_notice_item">
                        <div class="company_notice_item_title">
                            参与话题互动 赢取电影票
                        </div>
                        <div class="company_notice_item_time">
                            2016-04-18 12:14
                        </div>
                        <div class="company_notice_item_info">
                            有一种情怀，叫“青春没了，魔兽依旧”。有一种期待，叫“扛得起设计，带得起游戏”的DesignerPC。有一种绝望，叫“PS虐我千百遍，我对PS如初恋”。<br /><br />
                            快和酷友们一起分享你的话题故事吧，打开设计师新视界！<br />
                            启迪未来的道路上，必须有你的一臂之力！现在，百度无人车邀你来添彩！重金+我们将不定期抽取幸运酷友，送出魔兽电影票或站酷灵感本~
                        </div>
                    </div>
                    <div class="company_notice_item">
                        <div class="company_notice_item_title">
                            百创未来，智驭出行 - 百度无人车LOGO设计征集现邀你来助力！
                        </div>
                        <div class="company_notice_item_time">
                            2016-04-18 12:14
                        </div>
                        <div class="company_notice_item_info">
                            不想再苦苦的去驾校考驾照？不想再把时间都浪费在拥堵的路上？
                        </div>
                    </div>
                </div>
                <div class="company_notice_page">
                    <div class="company_notice_page_show">
                        共  <i>1</i>  页   到第<span class="page"><input type="text" /></span>页<span class="btn">确认</span>
                    </div>
                    <div class="company_notice_page_num">
                        <span>1</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="index_footer">
        <div class="index_footer_link">
            <a href="">新闻公告</a>|
            <a href="">关于我们</a>|
            <a href="">联系我们</a>|
            <a href="">用户协议</a>
        </div>
        <p class="index_footer_copy">Copyright©2016 yk-zb.com 粤科众包 版权所有 粤ICP备16027165号-1</p>
    </div>
</body>
</html>
<script type="text/javascript">
    $(function() {
        /*左边导航*/
        (function fnTab(){
            for( var i = 0; i< $('.personage_nav li').length; i++){
                if($('.personage_nav li').eq(i).hasClass('active')){
                    console.log(i);
                    var index = i;
                }
            }

            $('.personage_nav li').hover(function() {
                $('.personage_nav li').eq(index).addClass('active');
                $(this).addClass('active');
            }, function() {
                $(this).removeClass('active');
                $('.personage_nav li').eq(index).addClass('active');
            });
                
        })();
    });
</script>